<template>
	<view class="chief">
		<!-- <IndexCard></IndexCard> -->
		<index-card msg="名厨" class="card">
			<!-- <template v-slot>
				<image src="../../static/9.png" mode=""></image>
			</template> -->
			<view class="title">
				<image src="../../static/9.png" mode=""></image>
			</view>
			
			<template #info>
				自定义内容
			</template>
		</index-card>
		
		<index-card msg="餐宴" class="food">
			<!-- <template v-slot>
				<image src="../../static/9.png" mode=""></image>
			</template> -->
			<view class="title">
				<image src="../../static/10.png" mode=""></image>
			</view>
			
			<template #info>
				自定义内容
			</template>
		</index-card>
	</view>
</template>

<script>
	import IndexCard from "@/components/IndexCard";
	export default{
		data(){
			return{
				//...
			}
		},
		components:{
			IndexCard
		}
	}
</script>

<style lang="less">
	.chief {
		//名厨
		.card{
			.title{
				// text-align: center;
				image{
					width: 454rpx;
					height: 80rpx;
				}
			}
		}
		//餐宴
		.food{
			.title{
				// text-align: center;
				image{
					width: 454rpx;
					height: 34rpx;
				}
			}
		}
	}
</style>
